@charset "utf-8";
.serviceTime{
    width: 6rem;
    height: 3.3rem;
}
.title{
    padding-left: .55rem;
    height: .29rem;
    line-height: .29rem;
    background: url(../img/recoNew.png) no-repeat .15rem 0;
    -webkit-background-size: .31rem .29rem;
    background-size: .31rem .29rem;
    margin-bottom:0.2rem;
}
.zy-Slide {
    position: relative;
    width: 100%;
}
.zy-Slide ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}
.zy-Slide li {
    position: absolute;
    list-style: none;
    background: #000;
    width: 0;
    height: 0;
    z-index: 0;
    cursor: pointer;
    border-radius: 3px;
    margin: 0;
    padding: 0;
}
.zy-Slide li>img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.reco-left{
    width: 3.65rem;
    height:2.6rem;
    float: left;
}
.reco-left p{
    position:absolute;
    padding:0 18% 0 5%;
    font-size:0.16rem;
    line-height: 1.2;
    bottom:0;
    left:0;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
}
.reco-left li a{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    will-change: transform,width,height,opacity;
}
.reco-left li a>img{
    max-width: 100%;
    width: 100%;
}
.reco-right{
    float: right;
    margin:0.5rem 0.57rem 0 0;
    width: 1.5rem;
    height: 1.88rem;
    background: url("../img/recoImg.png");
    background-size: 100% 100%;
    padding-top:0.1rem;
    /*border:3px solid #225540;*/
    /*text-align: center;*/
    /*padding-top:0.1rem;*/
    /*background-image: linear-gradient(180deg,*/
    /*rgba(240,255,0,0.3) 1%,*/
    /*rgba(0,254,136,0.3) 100%);*/
    /*border-style: solid;*/
    /*border-width: 5px;*/
    /*border-image-source: linear-gradient(180deg,*/
    /*rgba(240,255,0,0.3) 0%,*/
    /*rgba(0,217,124,0.3) 100%);*/
    /*border-image-slice: 1;*/
}
.reco-right-up{
    text-align: center;
    padding-bottom:0.09rem;
    border-bottom:1px solid rgba(255,255,255,0.16);
    color:#bed0ed;
    font-size:0.18rem;
    margin-bottom:0.08rem;
}
.reco-right-down{
    text-align: center;
    padding-top:0.12rem;
    position: relative;
}
.reco-right-down .circleStart{
    position: absolute;
    top:0.05rem;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.02rem;
    height: 0.19rem;
    background-image: linear-gradient(
            #edfc01,
            #edfc01),
    linear-gradient(
            #fefcfb,
            #fefcfb);
    background-blend-mode: normal,
    normal;
    border-radius: 1px;
}